<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>最美教师节，只因遇见你</title>
		<link rel="stylesheet" href="css/public.css" />
	</head>

	<body>
		<div class="container">
			<img src="img/writeDataBg.png" />
			<div class="writeData">
				<div class="writeData_list listBg">
					<input type="radio" id="radio1" name="radio" value="我从不吝啬我的笑容，因为我的孩子需要" checked="checked" />
					<label for="radio1">我从不吝啬我的笑容，因为我的孩子需要</label>
				</div>
				<div class="writeData_list">
					<input type="radio" id="radio2" name="radio" value="让孩子在快乐中体验、学习、成长" />
					<label for="radio2">让孩子在快乐中体验、学习、成长</label>
				</div>
				<div class="writeData_list">
					<input type="radio" id="radio3" name="radio" value="百年红黄蓝，成长的摇篮" />
					<label for="radio3">百年红黄蓝，成长的摇篮</label>
				</div>
				<div class="writeData_list">
					<input type="radio" id="radio4" name="radio" value="静待每一朵花开" />
					<label for="radio4">静待每一朵花开</label>
				</div>
				<div class="writeData_list">
					<input type="radio" id="radio5" name="radio" value="多彩人生第一步" />
					<label for="radio5">多彩人生第一步</label>
				</div>
				<div class="writeData_list">
					<input type="radio" id="radio6" name="radio" value="爱心陪伴成长" />
					<label for="radio6">爱心陪伴成长</label>
				</div>
				<div class="writeData_list">
					<input type="radio" id="radio7" name="radio" value="爱上红黄蓝，爱上幼儿园" />
					<label for="radio7">爱上红黄蓝，爱上幼儿园</label>
				</div>

			</div>
			<div class="writeData2">
				<div class="writeData_list">
					<input type="text" placeholder="我的撰写（20个字符）" maxlength="20" class="textarea"/>
				</div>
				<div class="writeData_list">
					<input type="text" placeholder="选择园所" onfocus="this.blur();" id="selectKindergarten" />
					<div class="selectKindergarten">
						<div class="selectKindergarten_title">选择地区</div>
						<div class="selectKindergartenNav">
							<p class="province"></p>
							<p class="city"></p>
							<p class="kindergarten"></p>
						</div>
						<div class="selectKindergartenBox">
							<div class="selectKindergartenList"></div>
						</div>
					</div>
					<div class="mask"></div>
				</div>
				<div class="writeData_list">
					<input type="text" placeholder="请输入姓名" class="name">
				</div>
			</div>
			<div class="writeData_btn next_btn">
				<img src="img/template_btn02.png" />
			</div>
		</div>
		<script src="js/rem.js"></script>
		<script src="js/jquery-3.1.1.min.js"></script>
		<script src="js/kindergarten.js"></script>
		<script>
			$("input[type='radio'], .serialNumber").click(function() {
				$(this).parent().addClass("listBg").siblings().removeClass("listBg");
			});

			$("#selectKindergarten").click(function() {
				openSelectKindergarten();
			})
			$(".mask").click(function() {
				closeSelectKindergarten();
			})

			$(".writeData_btn").click(function() {
				var selectImg = 2;
				sessionStorage.setItem("selectImg", selectImg);

				var radioVal = $("input[type='radio']:checked").val()
				var textareaVal = $(".textarea").val();
				var nameVal = $(".name").val();
				var kindergartenVal = $("#selectKindergarten").val();

				sessionStorage.setItem("radioVal", radioVal);
				sessionStorage.setItem("textareaVal", textareaVal);
				sessionStorage.setItem("nameVal", nameVal);
				sessionStorage.setItem("kindergartenVal", kindergartenVal);

				window.location.href = "choiceTemplate.html"

			})
		</script>
	</body>

</html>